#spacePage #content {padding: 10px 10px 0;background:url(../img/narrowleftbg.gif) repeat-y}
.box { float:left;}
.bottom-box h3 { height:21px; margin-bottom:5px; padding-left:5px; background:#d8dfea; color:#333; border-top:1px solid #3b5998; font-size:12px; font-weight:bold; line-height:21px;}
	.box h3 .stat { height:24px; margin-left:5px; color:#000; font-size:12px; font-weight:normal; line-height:24px;}
	.box h3 .edit { float:right; padding-right:10px; font-weight:normal; line-height:24px;}
.box .count { padding:0 2px;}
.box .sub-h3 {
    background: #EEE;
    border-top: 1px solid #CCC;
    margin-top: -5px;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
}

.box .sub-h3 .pipe {
    color: #808080;
}

#homepage body {height:100%}
/* no entry */
#homepage .stdcontainer { height:auto; margin:10px -10px 0; padding:10px;}
.person { display:block; list-style:none; padding:10px; border:1px solid #d8dfea; background:#fff;}
.person:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .person { height:1%;}
*+html .person { min-height:1%;}
.person .image { float:left; width:125px; text-align:left;}
	.person .image img { padding:1px; border:1px solid #ccc; background:#fff;}
.person .info { display:inline; float:left; text-align:left; line-height:24px;}
	.person .info h4 { font-size:14px;}
	.person .info .subinfo { color:#808080; list-style:none;}
.person .actions { float:right;}
	.person .actions ul { width:100px; list-style:none;}
		.person .actions a { display:block; width:90px; padding:0 5px; border-bottom:1px solid #d8dfea; text-align:left; text-decoration:none;}

/* ==== 1 userRelations ==== */
#userRelations {
	z-index:2;
	float:left;
	width:200px;
	padding-bottom:10px;
}

/* ==== 1.1 userInfo ==== */
#userInfo {margin-bottom:0;}

#userPicture {border-right: 1px solid #FFF;text-align:center; min-height:60px;}
* html #userPicture { height:60px;}

#userNoPicture {background: #FFF8CC; padding-bottom: 10px; border-bottom: 1px solid #FFE222; border-right: 1px solid #EEE;text-align:center; min-height:60px;}
* html #userNoPicture { height:60px;}

#userPicture img {z-index:100;position:relative;}
#userNoPicture img {z-index:100;position:relative;}
#userNoPicture a.upload-avatar {display:block; text-align:left; padding-left: 30px; background:url(../img/add_photo.gif) no-repeat 10px 50%;}

#webpager-callout {float:right;padding:2px 5px 0 0;}
	#webpager-callout span {float:left;}
	#webpager-callout a {background:url(../img/paopao.gif) no-repeat 100% 50%;padding-right:15px;}

#userActions { list-style:none; background:#FFF;padding:15px 0 10px;}
	#userActions li { border-bottom:1px solid #d8dfea; color:#808080; text-indent:5px; line-height:20px;}
	* html #userActions li { height:1%;}
	*+html #userActions li { min-height:1%;}
	#userActions li a { display:block; width:200px; text-decoration:none; font-size:12px;}
	#userActions li a:hover {color:#fff; background:#3b5998}
	#userActions li a.sudo:hover {color:#fff; background:#dc5173;}
/* ==== 1.12 userStatus ==== */
#userStatus { overflow:visible; z-index:100;background:#F7F7F7;border-bottom:1px solid #CCC;margin:-10px -10px 5px -220px; padding: 10px 5px 10px 225px;}
#userStatus h2 {margin-bottom:5px;}
#userStatus h2 span {font-size:12px;color:#333;font-weight:normal;}
#userStatus #statusEdit {margin-right:50px; }
#userStatus #mySta {width:31em;height:3.0em;}
#userStatus #doing3 {color: #808080;}
#userStatus #doing1 .edit {color: #808080;}
#userStatus .status-count {font-size:10px;}
#userStatus .status-count-full {font-size:10px;color:red;}

/* ==== 1.15 userIntroducer ==== */
#userIntroducer { overflow:hidden;}
#userIntroducer .boxcont:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #userIntroducer .boxcont { height:1%;}
*+html #userIntroducer .boxcont { min-height:1%;}
	#userIntroducer .boxcont { padding:0 5px 5px;}

#userIntroducer .info { overflow:hidden; width:133px;}
#userIntroducer .personIcon { float:left; margin-right:5px;}
* html #userIntroducer .personIcon { margin-right:2px;}
#userIntroducer .info caption { text-align:left; line-height:24px;}
#userIntroducer .info th { width:3em; color:#808080; font-weight:normal; vertical-align:top;}

/* ==== 1.2 userVisitor ==== */
#userVisitor {}

/* ==== 1.3 userFriend ==== */
#userFriend, #userFriendSpecial { overflow:hidden;}
	#userFriend .noncont { margin:5px; line-height:20px;}
	#userFriend .readmore { margin:5px;}

#userFriendSpecial .SpecialpersonIconList td {
    padding: 0.5em;
    margin-bottom: 0.75em;
}

#userFriendSpecial .SpecialpersonIconList span {
    float: right;
    color: #D3D3D3;
}

#userFriendSpecial .SpecialpersonIconList span a {
    color: #D3D3D3;
}

#userFriendSpecial .SpecialpersonIconList span a:hover {
    color: #3b5998;
}

#userFriendSpecial .SpecialpersonIconList td p {
    clear: both;
    margin-bottom: 0.25em;
}

#userFriendSpecial .SpecialpersonIconListInfo {
		width: 99%;
}

/* ==== 1.4 userShare ==== */
#userShare { overflow:hidden;}

#userShare ul { list-style:none;}
#userShare li { margin:5px 0; padding:0 6px 0 25px;}
* html #userShare li { height:1%;}
	.blogshare { background:url(../img/newsfeed/blog.gif) 5px 1px no-repeat;}
	.photoshare { background:url(../img/newsfeed/photo.gif) 5px 1px no-repeat;}
	.groupshare { background:url(../img/newsfeed/group.gif) 5px 1px no-repeat;}
	.peopleshare { background:url(../img/newsfeed/friends.gif) 5px 1px no-repeat;}
	.squareshare { background:url(../img/newsfeed/club.gif) 5px 1px no-repeat;}
	.linkshare { background:url(../img/newsfeed/link.gif) 5px 1px no-repeat;}
	#userShare .time { color:#808080;}

/* ==== 1.5 userFriendUniv ==== */
#userFriendUniv { overflow:hidden;}
	#userFriendUniv .boxcont { padding:0 5px;}
	#userFriendUniv .noncont { margin:5px; line-height:20px;}

#side-column ul { color:#3B5998;list-style-image:none;list-style-position:inside;list-style-type:square; padding:0 0 5px;}
#side-column ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #side-column ul { height:1%;}
*+html #side-columnul { min-height:1%;}
	#side-column li {border-bottom:1px solid #D8DFEA;margin-bottom:5px;padding-bottom:2px;padding-left:4px;line-height:1.5em;}

#userFriendUniv .space-nofriends {
	background: #FFF8CC;
	border-bottom: 1px solid #FFE222;
	margin-top: -5px;
	padding: 10px 8px 5px;
}

#userFriendUniv .space-nofriends ul {
	padding: 10px 0 0;
}

#userFriendUniv .space-nofriends li {
	padding-left: 2.0em;
	height: 2.0em;
	line-height: 2.0em;
}

#userFriendUniv .space-nofriends li.search {
	background: url(../img/magnifying_glass.gif) no-repeat 0 50%;
}

#userFriendUniv .space-nofriends li.relative {
	background: url(../img/newsfeed/friends.gif) no-repeat 0 50%;
}

#userFriendUniv .space-nofriends li.invite {
	background: url(../img/newsfeed/invite.gif) no-repeat 0 50%;
}
	
/* ==== 2 userUpdates ==== */
#userUpdates {float:right; width:428px; position:relative; z-index:1;}

#userFeed #feedHome {padding:0 5px;}

#userFeed #feedHome h3 {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	color: #333;
	height: auto;
}

#userFeed #feedHome .opi-content {
	width: 395px;
	float: left;
	padding: 6px 0 6px 7px;
}

#userFeed #feedHome .opi-content .headline .title {
	width: 393px;
}

/* ==== 2.1 userAccount ==== */
#userAccount { overflow:hidden;}
	#userAccount .boxcont { padding:0 5px;}
		#userAccount .boxcont .edit { margin-left:1em; color:#d3d3d3; font-weight:normal;}
		#userAccount .boxcont .edit:hover { color:#3b5998;}
		* html #userAccount .boxcont .edit { margin-left:1em;}
		*+html #userAccount .boxcont .edit { margin-left:1em;}

#userAccount h4 { color:#333; font-weight:bold; line-height:20px;}
#userAccount table { margin-bottom:5px; line-height:15px;}
#userAccount th { width:6em; color:#808080; font-weight:normal; text-align:left; vertical-align:top;}


/* ==== 2.1 userProfile ==== */
#userProfile { overflow:hidden; padding-bottom:5px;}

	#userProfile .boxcont { padding:0 5px;}
		#userProfile .boxcont .edit { margin-left:1em; color:#d3d3d3; font-weight:normal;}
		#userProfile .boxcont .edit:hover { color:#3b5998;}
		* html #userProfile .boxcont .edit { margin-left:1em;}
		*+html #userProfile .boxcont .edit { margin-left:1em;}

#userProfile h4 { color:#333; font-weight:bold; line-height:20px;}
#userProfile table { margin-bottom:5px; line-height:15px;}
#userProfile th { white-space:nowrap; width:6em; color:#808080; font-weight:normal; text-align:left; vertical-align:top;}

#PersonalInfo { color:#808080;}

/* ==== 2.19 userEvent ==== */
#userEvent { overflow:hidden;}
	#userEvent .boxcont { padding:0 5px; color:#808080;}
		#userEvent .boxcont p { margin:5px 0;}

/* ==== 2.2 userAlbum ==== */
#userAlbum { overflow:hidden;}
	#userAlbum .boxcont { padding:0 5px;}

#album { list-style:none; clear:both; overflow:hidden; zoom:1; margin:10px 0 5px;}
	#album li { float:left; overflow:hidden; width:132px;}

#album .image {}
	#album .image a:hover { background:transparent;}
		#album .image a img { padding:2px; border:1px solid #d8dfea; background:#fff;}
		#album .image a:hover img { border:1px solid #3b5998; background:#d8dfea;}

#album .info { display:inline; float:left; text-align:left;}
	#album h4 {padding: 5px 0;}
	#album .subinfo { color:#808080;}

/* ==== 2.4 userBlog ==== */
#userBlog { overflow:hidden;}
	#userBlog .boxcont { padding:0 5px;}

#blog { list-style:none; clear:both;}
	#blog li { margin:5px 0; }
	#blog .article {
		padding: 4px 0 4px 20px;
		background: url(../img/newsfeed/blog.gif) no-repeat 0 3px;
		border-bottom: 1px solid #D8DFEA;
		position:relative;
	}
	#blog h4 {padding-bottom: 6px;}
	#blog h4 span {float: right;}

#blog .text {line-height:1.5;}
	#blog .text img { max-width:369px;}
	* html #blog .text img { width:expression((this.width < 369) ? "auto" : "369px");}


/* ==== 2.6 userGroup ==== */
#userGroup { overflow:hidden;}
	#userGroup .boxcont { padding:0 5px; color:#808080;}
		#userGroup .boxcont p { margin:5px 0;}

/* ==== 2.02 userClass ==== */
#userClass { overflow:hidden;}
	#userClass .boxcont { padding:0 5px; color:#808080;}
		#userClass .boxcont p { margin:5px 0;}

/* ==== 2.7 userTalk ==== */
#userTalk { overflow:hidden;}
	#userTalk .boxcont { padding:10px 5px 0;}
#userTalk h3 {
	margin: 0;
}
#starttalkForm {
	padding: 10px 10px 5px;
	background: #F7F7F7;
	border-bottom: 1px solid #CCC;
	position: relative;
}

#starttalkForm a.talk-gift {
	background: url(../img/newsfeed/gift.gif) no-repeat 0 50%;
	float: right;
	line-height: 24px;
	padding-left: 20px;
	position: relative;
}

#starttalkForm p { margin:5px 0;}
#cmtbody { width:742px; padding:3px; border:1px solid #d8dfea;}
#content #cmtbody { width:476px;}
#userUpdates #cmtbody { width:400px;}

#talk { list-style:none;}
	#talk li { padding:5px 0 10px; clear:both;}
	#talk li.gift .article { width:334px; float:left;}
#talk .article { clear:both;}
#talk .article:after { content:"haha"; display:block; height:0; clear:both; visibility:hidden;}
* html #talk .article { height:1%;}
*+html #talk .article { min-height:1%;}

	#talk .picture { overflow:hidden; float:left; width:56px;}
	#talk .info { margin-left:56px; padding:0 5px; border-top:1px solid #d8dfea; background:#f7f7f7; line-height:20px; text-align:right;}
	* html #talk .info { height:1%;}
	*+html #talk .info { min-height:1%;}
		#talk .info cite { float:left; text-align:left;}
		#talk .info .author { float:left; color:#808080;}
		#talk .info .author strong { color: #000;}
		#talk .info .author a strong { color:#3B5998;}
		#talk .info .time { color:#808080;}
	#talk .text { margin-left:61px; padding:5px 0;}
	* html #talk .text { margin-left:64px; text-indent:-3px;}

#userTalk .readmore { margin:0 0 5px;}

/* ==== 3 permalink ==== */
#permalink {
	padding: 10px;
	clear:both;
	background:#f7f7f7;
	color:#808080;
	position:relative;
	margin:0 -10px;
	border-top:1px solid #d8dfea;
}
* html #permalink {padding: 5px 10px 10px;}
*+html #permalink {padding: 5px 10px 10px;}
	#permalink em { font-style:normal; font-weight:bold;}
	#permalink strong { color:#3b5998;}
	#permalink .act_share {top:7px;right:7px}

* html #permalink .act_share {top:9px}
*+html #permalink .act_share {top:8px}

/* Talk Page */
#talkpage #content { padding:10px 0 0;}
#talkpage #talk { overflow:hidden; width:584px; padding:10px; border:1px solid #d8dfea; background:#fff;}
#talkpage #message { width:598px; padding:3px;}
#talkpage #starttalk { padding-bottom:5px; border-bottom:1px solid #d8dfea;}
#talkpage .pnav { margin:5px 0;}
#allRead {text-align:center; margin-top:10px}

/* Gift */
#store-window {
    overflow: hidden;
    zoom: 1;
}

#talk li.gift .gift-window {
    overflow: hidden;
    zoom: 1;
    width:76px;
}

#userFeed .gift-outer {
	cursor:pointer;
	float:left;
	height:64px;
	margin-right:10px;
	width:64px;
}

#giftBox .gift-outer {
    cursor:pointer;
	float: left;
    margin-left:10px;
    margin-top:4px;
    padding:3px;
    display: inline;
}

#talk .gift-outer {
	display:inline;
	float:left;
	margin-left:5px;
	margin-top:4px;
	padding:3px;
}

.gift-outer-hover {
    float: left;
    margin-left:5px;
    margin-top:4px;
    padding:3px;
    display: inline;
    background: url(../img/gift/hover.jpg) no-repeat;
}

.gift-outer-click {
    float: left;
    margin-left:5px;
    margin-top:4px;
    padding:3px;
    display: inline;
    background: url(../img/gift/click.jpg) no-repeat;
}

.gift-inner {
    background-repeat:no-repeat;
    height:64px;
    width:64px;
    cursor: pointer;
}

.gift-caption {
    color: #777;
    font-size: 12px;
    margin-bottom: 1px;
    margin-top: 3px;
    text-align: center;
    width: 64px;
}

.gift-caption a {
    color: #777;
}

.gift-caption a:hover {
    color: #777;
}

#spacePage .opi-gift .opi-content .feedbody .opi-comment {width:20em;}

* html .transparent-png {display:none}

.act_share a {
    display: block;
    padding: 3px 6px 1px;
    width: 40px;
    line-height: 1.0em;
    border: 1px solid #7F93BC;
    color: #525C97;
    background: #FFF url(../img/share.gif) no-repeat right center;
}

.act_share a:hover {
    border: 1px solid #3B5998;
    color: #FFF;
    background: #3B5998 url(../img/share_hover.gif) no-repeat right center;
    text-decoration: none;
}
#box-author ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}